Installation
Corex is a pure HTML, JS and CSS ui components, it means that you can install it anywhere from a static website to SSR frameworks
If you dont know how to start we recommend you our Starters to get you up and running with Vanilla JS and Typescript
Corex
Add Corex in your project
npm install @netoum/corex
In you main TS file import all Corex UI components
import "@netoum/corex";
If you wish to use the components unstyled you can jump to the components section
Styling
For styling, Corex takes a new approch to design sytem
Every component can be styled using templates and each template is available either in CSS or Tailwind
You can read more about templates
We will start by importing the default Corex templates
Corex CSS
npm install @netoum/corex-css
In you main CSS file import all Corex CSS components
@import "@netoum/corex-css";
Corex Tailwind
npm install @netoum/corex-tailwind
In you main CSS file import all Corex CSS components
@import "@netoum/corex-tailwind";
Fonts
By default all templates use Google Fonts for differents themes. For now import all 4 fonts: Outfit, Karla, Noto Serif and Noto Mono.
Please note that the font import should be placed at the very top of your main CSS file
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Noto+Sans+Mono:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap');